<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header">
    <link href="/css/demo/bootstrap-datetimepicker.min.css" rel="stylesheet">

</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <form class="form-horizontal m-t" id="courseForm"  >
                        <div class="form-group" hidden>
                            <label class="col-sm-4 control-label" >cid</label>
                            <div class="col-sm-4 form-inline">
                                <input class="form-control" type="text" th:value="${course.cid}"
                                       id="cid" name="cid">
                            </div>
                        </div>
                        <div class="form-group" >
                            <label class="col-sm-4 control-label" >课程编号</label>
                            <div class="col-sm-4 form-inline">
                                <input class="form-control" type="text" th:value="${course.courseNo}" style="width: 100%"
                                       id="courseNo" name="courseNo">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-4 control-label" >课程名称</label>
                            <div class="col-sm-4 form-inline">
                                <input class="form-control" type="text" th:value="${course.courseName}" style="width: 100%"
                                       id="courseName" name="courseName">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label" >课程所属学院</label>
                            <div class="col-sm-4 form-inline">
                                <input class="form-control" type="text" th:value="${course.courseCollege}" style="width: 100%"
                                       id="courseCollege" name="courseCollege">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-4 control-label" >课程负责教师:</label>
                            <div class="col-sm-4 form-inline">
                                <select class="form-control" multiple id="courseTeacher" name="courseTeacher"
                                        style="width: 100%">
                                </select>
                                <input style="display: none" type="text" id="teacher"  th:value="${course.courseTeacher}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-4 control-label" >课程开始时间</label>
                            <div class="col-sm-4 form-inline date" id="datetimepicker1">
                                <input class=" form-control form_datetime" type="text" th:value="${course.startDate}"
                                       id="startDate" name="startDate" style="width: 100%">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label" >课程结束时间</label>
                            <div class="col-sm-4 form-inline date" id="datetimepicker2">
                                <input class=" form-control form_datetime" type="text" th:value="${course.endDate}"
                                       id="endDate" name="endDate" style="width: 100%">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-4 control-label" >上课地点</label>
                            <div class="col-sm-4 form-inline">
                                <input class="form-control" type="text" style="width: 100%" th:value="${course.location}"
                                       id="location" name="location">
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-sm-8 col-sm-offset-5">
                                <button type="submit" id="submit" class="btn btn-primary" >提交</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>
<div th:include="include::footer"></div>
<!--<script src="/js/appjs/moment-with-locales.min.js"></script>-->
<script src="/js/bootstrap-datetimepicker.js"></script>
<script src="/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script type="text/javascript">
    $("#startDate").datetimepicker({
        format: 'yyyy-mm-dd',
        minView:'month',
        language: 'zh-CN',
        autoclose:true,
        /* startDate:new Date()*/
    }).on("click",function(){
        $("#startDate").datetimepicker("setEndDate",$("#endDate").val())
    });
    $("#endDate").datetimepicker({
        format: 'yyyy-mm-dd',
        minView:'month',
        language: 'zh-CN',
        autoclose:true,
        /* startDate:new Date()*/
    }).on("click",function(){
        $("#endDate").datetimepicker("setStartDate",$("#startDate").val())
    });

</script>
<script type="text/javascript" src="/js/appjs/sys/course/edit.js">
</script>
</body>
</html>
